<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>货物信息</title>
    <link rel="stylesheet" href="{S_URL}/public/css/Global.css" />
    <script type="text/javascript" src="{S_URL}/public/js/responsive.js" ></script>
    <script type="text/javascript" src="{S_URL}/public/js/jquery-2.2.4.min.js" ></script>
    <style>
    	body { background: #f6f6f6;}
    	.case_rate {height: 0.42rem;padding: 0.3rem 0.15rem;}
    	.case_rate span {float: left;background: url({S_URL}/public/img/acceptance/icon1.png) no-repeat center / 0.8rem 0.42rem;width: 0.8rem;height: 0.42rem;}
    	.case_rate span.curr {background: url({S_URL}/public/img/acceptance/icon4.png) no-repeat center / 0.8rem 0.42rem;}
    	.case_rate em {float: left;background: url({S_URL}/public/img/acceptance/icon2.png) no-repeat center / 1.24rem 0.42rem; width: 1.24rem; height: 0.42rem;}
    	.case_rate em.curr{background: url({S_URL}/public/img/acceptance/icon5.png) no-repeat center / 1.24rem 0.42rem;}
    	.case_rate b {float: left;background: url({S_URL}/public/img/acceptance/icon3.png) no-repeat center / 0.8rem 0.42rem;width: 0.8rem; height: 0.42rem;}
    	.case_rate b.curr {background: url({S_URL}/public/img/acceptance/icon6.png) no-repeat center / 0.8rem 0.42rem;}
    	.order h3 {overflow: hidden;padding-left: 0.1rem;}
    	.order h3 span {color:#252525;font-size: 0.12rem;float: left;}
    	.order h3 em {float: left;height: 0.16rem;line-height: 0.16rem;font-size: 0.12rem;background: #ffc107;color:#3d3d3d;padding: 0 0.05rem;border-radius: 0.02rem;margin-left: 0.1rem;}
    	.order p {font-size: 0.12rem;color:#ababab;height: 0.3rem;line-height: 0.3rem;padding-left: 0.1rem;}
    	.worker_list li {background: #ffc107;height: 0.48rem;padding: 0.2rem 0.12rem;margin-top: 0.14rem;overflow: hidden;}
    	.worker_left {float: left;}
    	.worker_left img {float: left;width: 0.48rem;height: 0.48rem;}
    	.worker_left span {float: left;padding-left: 0.1rem;}
    	.worker_left span em {display: block;color:#000;font-size: 0.14rem;padding-bottom: 0.08rem;}
    	.worker_left span b {display: block;color:#fff;font-size: 0.12rem;}
    	.worker_right {float: right;width: 0.2rem;height: 0.2rem;padding-top: 0.14rem;}
    	.worker_right a {display: block;}
    	.worker_right img {width: 100%;height: 100%;}
    	.location {padding: 0.2rem 0.1rem;}
    	.location p {height: 0.44rem;line-height: 0.44rem;}
    	.location p img {width: 0.18rem;height: 0.2rem;margin-top: 0.13rem;}
    	.location p span {display: inline-block;color:#1b1b1b;padding-left: 0.08rem;font-size: 0.14rem;}
    	.location p b {float: right;color:#ffc107;font-size: 0.12rem;}
    	.detail p{ color:#040404;font-size: 0.14rem;margin: 0 0.1rem;line-height: 0.32rem;}
    	.detail p.underline {border-bottom: #c0c0c0 solid 1px;}
    	.space {height:0.5rem}
    	footer {height: 0.4rem;line-height:0.4rem;text-align:center;position: fixed;left: 0;bottom: 0;right: 0;background: #ffc107;}
    	footer a {display: block;color:#fff;}
    	.wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);display: none;}
    	.alert {width:2.86rem;height:1.84rem;position: absolute;top: 50%;left: 50%;margin: -0.92rem 0 0 -1.43rem;background: #ffc107;border-radius: 0.1rem;position: relative;overflow: hidden;display: none;}
    	#closeBtn {width: 0.16rem;height: 0.16rem;cursor: pointer;position: absolute;top: 0.04rem;right: 0.04rem;}
    	.alert span {display: block;width: 0.86rem;height: 0.64rem;margin: 0 auto;padding-top: 0.14rem;}
    	.alert span img {width: 100%;height: 100%;}
    	.alert p {text-align: center;padding-top: 0.12rem;color:#fff;font-size: 0.14rem;}
    	.alert_footer {position:absolute;left:0;bottom:0;right:0;height: 0.32rem;background: #fff;padding: 0.16rem 0.24rem;}
    	.alert_footer a {float:left;width: 0.94rem;height: 0.32rem;line-height: 0.32rem;text-align: center;border-radius: 0.16rem;border: #c5c5c5 solid 1px;font-size: 0.13rem;}
    	.alert_footer a.curr {float:right;color:#ffc107;border:#ffc107 solid 1px;}
    </style>
</head>
<body>
	<!--物流进度-->
	<div class="case_rate">
	   <!--{if $status == 1}-->
		<span  class="curr" ></span>
		<em></em>
		<b></b>
	 <!--{elseif $status == 2}-->
	     <span  class="curr" ></span>
		<em class="curr"></em>
		<b></b>
	  <!--{else}-->
	      <span  class="curr" ></span>
		<em class="curr"></em>
		<b class="curr"></b>
	 <!--{/if}-->
	</div>
	<!--订单-->
	<div class="order">
		<h3>
			<span>$baseinfor['time']</span>
			<em>$baseinfor['style']</em>
		</h3>
		<p>订单号：$baseinfor['number']</p>
		<!--师傅列表-->
		<ul class="worker_list">
			<li>
				<div class="worker_left">
					<img src="{S_URL}/public/img/acceptance/icon_user.png">
					<span>
						<em>$baseinfor['name']&nbsp;&nbsp;$baseinfor['phone']</em>
						<b>$baseinfor['xctype']&nbsp;&nbsp;$baseinfor['cnumber']</b>
					</span>
				</div>
				<div class="worker_right">
					<a href="$baseinfor['phone']"><img src="{S_URL}/public/img/acceptance/icon_phone.png"></a>
				</div>
			</li>
		</ul>
		<!--地址-->
		<div class="location">
			<p>
				<img src="{S_URL}/public/img/acceptance/icon_start.png">
				<span>$baseinfor['startplace']</span>
			</p>
			<p>
				<img src="{S_URL}/public/img/acceptance/icon_end.png">
				<span>$baseinfor['enddetail']</span>
				<b><!--{if $status == 3}-->已完成<!--{else}-->待验收<!--{/if}--></b>
			</p>
		</div>
	</div>
	<!-- 详情-->
	<div class="detail">
		<p class="underline">详情</p>
		<!--{loop $infor $val}-->
		    <p>货品名称：$val['goodname'] × $val['goodnumber']</p>
		<!--{/loop}-->
	</div>
	<div class="space"></div>
	<footer>
		<a href="/public/menu/acceptance/req/evaluate/id/$baseinfor['number']">验收货物</a>
	</footer>
	<script>
	   	$(document).ready(function(){
		       if($yp == 1){
			      $("footer").css("display",'none');
			  }
		});
	</script>
</body>
</html>